<template>
	<!--基地展示-->
	<div class="NewsDetails">
		<div class="banner">
			<!--<img src="../../images/home/banner.png" />-->
			<div class="location">
				<div class="location-text fl">
					<img class="location-img fl" src="../../images/home/zhanshi.png" />
					<p class="fr">基地展示</p>
				</div>
				<img class="biaotibg fl" src="../../images/home/biaotibg.png" />
				<p class="navigation">
					<span class="go-back">
						<router-link :to="{path:'/index',query:{fatherIndex:fatherIndex}}">
							首页
						</router-link>
					</span>
					/基地展示
				</p>
			</div>
		</div>
		<div class="NewsInform-list">
			<div class="List-box">
				<ul>
          <li v-if="total == 0" class="center">暂无数据！</li>
          <li @click="NewsDetails(base.id)" v-for="base in baseData" class="cursor">
						<div class="NewsInform-img">
							<img :src=" thatUrl + base.picture"  />
						</div>
						<div class="NewsInform-text">
							<!--<p class="worktext show-oneline">{{base.name}}</p>-->
							<!--<div class="show-twoline">{{base.introduction}}</div>-->
							<p class="worktext show-oneline">{{base.name}}</p>
							<div class="show-twoline">{{base.introduction}}
							</div>
							<div class="address">
								<img src="../../images/home/address.png" />
								<span>{{base.address}}</span>
							</div>
						</div>
					</li>
				</ul>
				<pageination :total="total" :size="size" :page="page" :changge="pageFn"></pageination>
			</div>
		</div>
	</div>
</template>
<script src="./BaseShow.js"></script>

<style scoped>
	@import "BaseShow.css";
</style>
